<template>
  <div>
    <div class="conversion">
      <div class="conversion-son">
        <div class="son-title">用量换算</div>
        <div class="baking" @click="baking">烘培快速转换</div>
        <van-popup v-model="shows" get-container="body" />
        <div class="coefficient">系数计算</div>
      </div>
      <div class="return" @click="fanhui">返回</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "conversionData",
  data() {
    return {
        shows: false,
    };
  },
  methods:{
    fanhui(){
        this.$emit("fanhui")
    },
    baking(){
        this.shows = true;
    }
  }
};
</script>

<style>
@import "../assets/css/public.css";
.conversion {
  text-align: center;
}
.conversion .conversion-son{
    background-color: white;
    height: 178px;
    border-radius: 8px;
}
.conversion .conversion-son .son-title{
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #dddddd;
    color: #d6d6d6;
}
.conversion .conversion-son .baking,
.conversion .conversion-son .coefficient{
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #dddddd;
    color: #328df6;
}
.conversion .return{
    height: 57px;
    line-height: 57px;
    color: #328df6;
    background-color: white;
    margin-top: 15px;
}
</style>